<link href="assets/global/plugins/zTree/css/metroStyle/metroStyle.css" rel="stylesheet" type="text/css"/>
<div class="row">
    <div class="col-md-12">
            <div class="todo-sidebar">
                <div class="portlet light ">
                    <div class="portlet-title">
                        <div class="caption">
                            <span class="caption-subject font-green-sharp bold uppercase">组织架构 </span>
                        </div>
                        <div class="actions">
                            <a href="javascript:;" class="btn btn-circle btn-outline purple "> 刷新 </a>
                        </div>
                    </div>
                    <div class="portlet-body" style="height: auto;">
                        <ul class="ztree" id="depTree"></ul>
                    </div>
                </div>
            </div>
            <div class="todo-content">

            </div>

    </div>
    <!-- END PAGE CONTENT-->
</div>
<script type="text/javascript" src="assets/global/plugins/zTree/js/jquery.ztree.all.js"></script>
<script type="text/javascript" src="assets/system/dep/dep.js"></script>
<script>
    jQuery(document).ready(function() {
        QiYuDep.initDepMain();
    });
</script>